{% extends 'base.html' %}
{% block title %}photo-register{% endblock %}
{% block head %}
    <script src="{{ url_for('static',filename='jquery3.6.0.js') }}"></script>
    <script src="{{ url_for('static',filename='register.js') }}"></script>
{% endblock %}
{% block body %}
    <div class="row mt-5">
        <div class="col"></div>
        <div class="col">
            <form method="POST" action="{{ url_for('user.register') }}">
                <div class="mb-3">
                    <label for="exampleInputEmail1" class="form-label">邮箱</label>
                    <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" name="email">
                    <div id="emailHelp" class="form-text">我们不会把邮箱用于其它用途</div>
                </div>
                <div class="mb-3">
                    <label for="exampleInputEmail1" class="form-label">用户名</label>
                    <input type="text" class="form-control" aria-describedby="emailHelp" name="username">
                </div>
                <div class="mb-3">
                    <label for="exampleInputEmail1" class="form-label">验证码</label>
                    <div class="input-group mb-3">
                        <input type="text" class="form-control"
                               aria-label="Recipient's username" aria-describedby="button-addon2" name="capture">
                        <button class="btn btn-outline-secondary" type="button" id="capture-btn">获取验证码</button>
                    </div>

                </div>

                <div class="mb-3">
                    <label for="exampleInputPassword1" class="form-label">密码</label>
                    <input type="password" class="form-control" id="exampleInputPassword1" name="password">
                </div>
                <div class="mb-3">
                    <label for="exampleInputPassword1" class="form-label">确认密码</label>
                    <input type="password" class="form-control" name="pwd_confirm">
                </div>
                <div class="d-grid gap-2">
                    <button type="submit" class="btn btn-primary">立即注册</button>
                </div>

            </form>
        </div>
        <div class="col"></div>
    </div>
{% endblock %}